<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>意达设计</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>
<body class="bodyBG">

<!-- header -->
<div class="header">
    <div class="nav" onclick="sliding();"></div>
    <span>首页</span>
    <div class="hd_right">
        <a href="javascript:void(0);" onclick="searchPlay();" class="hd_search"></a>
        <a href="javascript:void(0);" onclick="personalPlay();" class="hd_cnt"></a>
    </div>
</div>

<div class="swiper-container banner">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="../image/banner/banner1.jpg"></div>
        <div class="swiper-slide"><img src="../image/banner/banner1.jpg"></div>
        <div class="swiper-slide"><img src="../image/banner/banner1.jpg"></div>
        <div class="swiper-slide"><img src="../image/banner/banner1.jpg"></div>
        <div class="swiper-slide"><img src="../image/banner/banner1.jpg"></div>
    </div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>
    
<div class="menu_nav">
    <ul>
        <li>
            <a href="javascript:void(0);" onclick="classPlay();">
                <img src="../image/index/img-001.png">
                <p>推荐</p>
            </a>
        </li>
        <li>
            <a href="javascript:void(0);" onclick="goodslistPlay();">
                <img src="../image/index/img-002.png">
                <p>新到</p>
            </a>
        </li>
        <li>
            <a href="javascript:void(0);">
                <img src="../image/index/img-003.png">
                <p>系列</p>
            </a>
        </li>
        <li>
            <a href="javascript:void(0);">
                <img src="../image/index/img-004.png">
                <p>促销</p>
            </a>
        </li>
        <li>
            <a href="javascript:void(0);" onclick="lsorderPlay();">
                <img src="../image/index/img-005.png">
                <p>历史</p>
            </a>
        </li>
    </ul>
</div>

<div class="currtit"><span>人气推荐</span><a href="javascript:void(0);" onclick="morePlay();">更多</a></div>
<div class="scolist">
    <ul>
        <li onclick="detailPlay();">
            <a href="javascript:void(0);" class="scolimg"><img src="../image/index/img-006.jpg"></a>
            <div class="scoltxt">
                <p>柏雅图人气单肩女包</p>
                <span>柏雅图单肩女包只为简约发热！</span>
            </div>
            <a href="javascript:void(0);" class="scolincrease"></a>
        </li>
        <li>
            <a href="javascript:void(0);" class="scolimg"><img src="../image/index/img-006.jpg"></a>
            <div class="scoltxt">
                <p>柏雅图人气单肩女包</p>
                <span>柏雅图单肩女包只为简约发热！</span>
            </div>
            <a href="javascript:void(0);" class="scolincrease"></a>
        </li>
        <li>
            <a href="javascript:void(0);" class="scolimg"><img src="../image/index/img-006.jpg"></a>
            <div class="scoltxt">
                <p>柏雅图人气单肩女包</p>
                <span>柏雅图单肩女包只为简约发热！</span>
            </div>
            <a href="javascript:void(0);" class="scolincrease"></a>
        </li>
        <li>
            <a href="javascript:void(0);" class="scolimg"><img src="../image/index/img-006.jpg"></a>
            <div class="scoltxt">
                <p>柏雅图人气单肩女包</p>
                <span>柏雅图单肩女包只为简约发热！</span>
            </div>
            <a href="javascript:void(0);" class="scolincrease"></a>
        </li>
    </ul>
</div>

<div class="currtit"><span>新到商品</span><a href="javascript:void(0);" onclick="morePlay();">更多</a></div>
<div class="newgood">
    <div class="newgood_left">
        <a href="javascript:void(0)"><img src="../image/index/img-007.jpg"></a>
        <p>HELEN手提时尚女包</p>
        <span>HELEN手提女包新品上市，全新手感，携带方</span>
    </div>
    <div class="newgood_right">
        <ul>
            <li><a href="javascript:void(0)"><img src="../image/index/img-009.jpg"></a></li>
            <li><a href="javascript:void(0)"><img src="../image/index/img-010.jpg"></a></li>
            <li><a href="javascript:void(0)"><img src="../image/index/img-008.jpg"></a></li>
        </ul>
    </div>
</div>
<div class="clearfix"></div>

<div class="currtit"><span>系列商品</span><a href="javascript:void(0);" onclick="morePlay();">更多</a></div>
<div class="series">
    <div class="series_left">
        <h4>【中国风系列】</h4>
        <p>充满中国古风的手提女包</p>
        <a href="javascript:void(0);"><img src="../image/index/img-014.png"></a>
    </div>
    <div class="series_right">
        <div class="serbox_n1">
            <div class="seb_l seb_lCo1">
                <h4>【摩登系列】</h4>
                <p>充满中国古风的手提女包</p>
            </div>
            <div class="seb_r"><img src="../image/index/img-015.png"></div>
        </div>
        <div class="serbox_n2">
            <div class="seb_l seb_lCo2">
                <h4>【少女风系列】</h4>
                <p>充满中国古风的手提女包</p>
            </div>
            <div class="seb_r"><img src="../image/index/img-016.png"></div>
        </div>
    </div>
</div>
<div class="clearfix"></div>

<div class="currtit"><span>促销商品</span><a href="javascript:void(0);" onclick="morePlay();">更多</a></div>
<div class="prolist">
    <ul>
        <li>
            <a href="javascript:void(0);"><img src="../image/index/img-017.jpg"></a>
            <p>莱夫时尚单肩斜跨女包</p>
            <span>HELEN手提女包新品上市，全新上市新品</span>
        </li>
        <li>
            <a href="javascript:void(0);"><img src="../image/index/img-018.jpg"></a>
            <p>莱夫时尚单肩斜跨女包</p>
            <span>HELEN手提女包新品上市，全新上市新品</span>
        </li>
        <li>
            <a href="javascript:void(0);"><img src="../image/index/img-019.jpg"></a>
            <p>莱夫时尚单肩斜跨女包</p>
            <span>HELEN手提女包新品上市，全新上市新品</span>
        </li>
        <li>
            <a href="javascript:void(0);"><img src="../image/index/img-020.jpg"></a>
            <p>莱夫时尚单肩斜跨女包</p>
            <span>HELEN手提女包新品上市，全新上市新品</span>
        </li>
    </ul>
</div>
<div class="clearfix"></div>

<div class="hisbox">
    <a href="javascript:void(0);">
        <h4>历史订单</h4>
        <p>快速查看您的历史订单</p>
    </a>
</div>

<!-- footer -->
<div class="footerBox"></div>
<div class="footer">
    <div class="footer_add">
        <div class="addCnt">
            <p>公司名称：意达时尚外贸</p>
            <p>公司地址：庆市南坪惠工路1号</p>
            <p>客服热线：<a href="tel:023-8888-8866">023-8888-8866</a></p>
        </div>
    </div>
    <div class="footer_btn"><a href="#">申请成为会员</a></div>
</div>

</body>

<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../script/swiper.min.js"></script>
<script type="text/javascript" src="../script/adaptive.js"></script>
<script type="text/javascript" src="../script/tabs.js"></script>
<script type="text/javascript">
    window['adaptive'].desinWidth = 750;
    window['adaptive'].baseFont = 28;
    window['adaptive'].maxWidth = 750;
    window['adaptive'].init();

    // 搜索
    function searchPlay () {
        api.openWin({
            name: 'searchName',
            url: './member2.html',
            pageParam: {
                name: 'text'
            }
        });
    }
    // 个人中心
    function personalPlay () {
        api.openWin({
            name: 'personalName',
            url: './member1.html',
            pageParam: {
                name: 'text'
            }
        });
    }
    // 更多
    function morePlay () {
        api.openWin({
            name: 'moreName',
            url: './member3.html',
            pageParam: {
                name: 'text'
            }
        });
    }
    // 所有商品列表
    function goodslistPlay () {
        api.openWin({
            name: 'goodslistName',
            url: './member4.html',
            pageParam: {
                name: 'text'
            }
        });
    }
    // 分类列表
    function classPlay () {
        api.openWin({
            name: 'className',
            url: './member5.html',
            pageParam: {
                name: 'text'
            }
        });
    }
    // 详情页面
    function detailPlay () {
        api.openWin({
            name: 'detailName',
            url: './member6.html',
            pageParam: {
                name: 'text'
            }
        });
    }
    // 历史订单
    function lsorderPlay () {
        api.openWin({
            name: 'lsorderName',
            url: './member10.html',
            pageParam: {
                name: 'text'
            }
        });
    }

    // 导航
    function menuPlay(){
        api.actionSheet({
            cancelTitle: '取消',
            buttons: ['首页','菜单1','菜单2','菜单3']
        },function(ret,err){
            // api.alert({
            //     msg: '你刚点击了'+ret.buttonIndex
            // });
        });
    }
    function sliding() {
        api.openSlidPane({type: 'left'});
    }
    apiready = function () {
      $api.fixStatusBar($api.dom('.header'));
        api.addEventListener({
            name: 'keyback'
        }, function(ret, err){
            api.closeWidget();
        });
  };


 var swiperBanner = new Swiper('.swiper-container', {
            //设置无缝
            loop:true,
            //设置自动滚动
            autoplay: 3000,
            //鼠标离开之后继续滚动
            autoplayDisableOnInteraction:false,
            //设置滚动速度
            speed:1000,
            //设置左右切换按钮
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            //显示个数
            freeMode: false,
        });
</script>

</html>
